/**
 文 件 名：BoyComponent
 描    述：对应的测试传递数据（主要目标是测试）(用一句话描述该文件做什么)
 项目名称：githuphelper
 作    者：武汉大学国家网络安全学院@沈家强
 发布日期：2018/5/30 18:05
 文件版本：V1.0
 注意：本内容仅限于武汉大学国家网络安全学院陈刚教授团队内部传阅，禁止外泄以及用于其他的商业目
 @Copyright: 2018 www.whu.edu.cn. All rights reserved.
 All rights Reserved, Designed By www.whu.edu.cn
 **/

import React, {Component} from 'react';

import {
  Platform,
  StyleSheet,
  Text,
  View,
  Image,
  Alert,

} from 'react-native';

export default class BoyComponent extends Component {
  // 构造
  constructor(props) {
    super(props);
    // 初始状态
    this.state = {};
  }

  render() {
    //传递相应的导航
    const {navigate} = this.props.navigation;
    return (
        <View style={styles.container}>
          <Text style={styles.bodyText}>我是男孩的页面</Text>

          <Text style={styles.bodyText} onPress={() => navigate('GrilComponent',
              {
                id: 123,
                callback: (data) => {
                  Alert.alert(data)
                }
              },
          )}>向女孩送花</Text>

        </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: 'gray',
    justifyContent: 'center',
  },
  bodyText: {
    fontSize: 20,
  },

});